import { reqCheckAllCart, reqDeleteCart, reqFindCartList, reqInsertCart, reqMergeLocalCart, reqUpdateCartSku } from '@/api/cart'
import { getNewCartGoods } from '@/api/goods'

// 购物车状态
export default {
  namespaced: true,
  state: () => {
    return {
      list: []
    }
  },
  // 修改
  mutations: {
    // 设置整个列表
    setList (state, list) {
      state.list = list
    },
    checkEffectAll (state, selected) {
      state.list.forEach(item => {
        if (item.isEffective) {
          item.selected = selected
        }
      })
    },
    // 更新购物车商品信息
    updateCart (state, goods) {
      // console.log('待更新的信息检查', goods)
      const goodsObj = state.list.find(item => item.skuId === goods.skuId)
      // goodsObj.stock = goods.stock
      // goodsObj.nowPrice = goods.nowPrice
      // goodsObj.isEffective = goods.isEffective
      for (const key in goods) {
        // 更新不为 null 的字段
        if (goods[key] !== null) {
          goodsObj[key] = goods[key]
        }
      }
    },
    //  删除购物车商品，根据 skuId 查找商品实现删除
    deleteCart (state, skuId) {
      state.list = state.list.filter(item => item.skuId !== skuId)
    },
    // 加入购物车逻辑
    insertCart (state, goods) {
      console.log('添加购物车逻辑')
      const index = state.list.findIndex(item => item.skuId === goods.skuId)
      if (index === -1) {
        // 情况1：未添加过的商品(前追加)
        state.list = [goods, ...state.list]
      } else {
        // 情况2：已添加过的商品(数量累加)
        state.list[index].count += goods.count
      }
    }
  },
  // 异步
  // action 内部需要区分 已登录 和 未登录 两种情况
  actions: {
    // 合并本地购物车
    async asyncMergeLocalCart (store) {
      const cartList = store.state.list.map(item => {
        return {
          skuId: item.skuId,
          selected: item.selected,
          count: item.count
        }
      })
      // 合并购物车
      await reqMergeLocalCart(cartList)
      // 合并成功后，从后端获取最新购物车列表替换本地，业务代码在 asyncUpdateCart 内
    },
    // 全选
    asyncCheckEffectAll (store, selected) {
      return new Promise((resolve, reject) => {
        if (store.rootGetters.token) {
          // 情况1：已登录
          // console.log('调用接口')
          const ids = store.getters.effectiveList.map(v => v.skuId)
          reqCheckAllCart({ selected, ids }).then((res) => {
            store.dispatch('asyncUpdateCart')
            resolve()
          })
        } else {
          // 情况2：未登录
          store.commit('checkEffectAll', selected)
          resolve()
        }
      })
    },
    // 用于更新单个商品信息的
    asyncUpdateCartSingle (store, goods) {
      return new Promise((resolve, reject) => {
        if (store.rootState.user.profile.token) {
          // 情况1：已登录 - 调用接口
          console.log('调用接口')
          reqUpdateCartSku(goods).then((res) => {
            resolve()
          })
        } else {
          // 情况2：未登录 - 操作本地数据
          store.commit('updateCart', goods)
          resolve()
        }
      })
    },
    // 登录前：更新列表商品信息 - 价格，库存，是否有效
    // 登录后：更新列表商品信息 - 获取购物车列表
    asyncUpdateCart (store) {
      return new Promise((resolve, reject) => {
        if (store.rootState.user.profile.token) {
          // 情况1：已登录 - 调用接口
          // 合并成功后，还需要主动从服务器获取购物车列表
          reqFindCartList().then(({ result }) => {
            store.commit('setList', result)
            resolve()
          })
        } else {
          // 情况2：未登录 - 操作本地数据
          const arr = []
          store.state.list.forEach(item => {
            arr.push(getNewCartGoods(item.skuId))
          })
          // arr 数据结构 [Promise, Promise, Promise...]
          console.log(arr)
          Promise.all(arr).then((res) => {
            // res 数据结构 [返回结果1, 返回结果2, 返回结果2 ...]
            // console.log(22222222, res)
            res.forEach((item, index) => {
              // console.log(33333, item, index)
              // 返回的每个商品信息都要更新
              store.commit('updateCart', {
                // skuId 用于查找商品
                skuId: store.state.list[index].skuId,
                // 待更新的信息
                ...item.result
              })
            })
            resolve()
          })
        }
      })
    },
    //  删除购物车商品，根据 skuId 查找商品实现删除
    asyncDeleteCart (store, skuId) {
      return new Promise((resolve, reject) => {
        if (store.rootState.user.profile.token) {
          // 情况1：已登录 - 调用接口
          console.log('调用接口')
          // 注意点：后端接口的删除要求传入数组 SkuID 集合
          reqDeleteCart([skuId]).then((res) => {
            store.dispatch('asyncUpdateCart')
          })
        } else {
          // 情况2：未登录 - 操作本地数据
          store.commit('deleteCart', skuId)
          resolve()
        }
      })
    },
    // 加入购物车逻辑
    asyncInertCart (store, goods) {
      return new Promise((resolve, reject) => {
        // console.log('asyncInertCart', store.rootState.user.profile.token)
        if (store.rootState.user.profile.token) {
          // 情况1：已登录 - 调用接口
          // console.log('调用接口')
          reqInsertCart(goods).then(res => {
            // 主动更新购物车列表
            store.dispatch('asyncUpdateCart')
            resolve()
          })
        } else {
          // 情况2：未登录 - 操作本地数据
          // console.log('操作本地数据')
          store.commit('insertCart', goods)
          // 调用 resolve() 后，会运行 Promise 对象的 then() 内部代码
          resolve()
        }
      })
    }
  },
  // 计算
  getters: {
    // 已选择的有效商品列表
    selectedList (state, getters) {
      return getters.effectiveList.filter(item => item.selected)
    },
    // 已选择的有效商品列表总件数
    selectedListTotal (state, getters) {
      return getters.selectedList.reduce((total, item) => total + item.count, 0)
    },
    // 已选择的有效商品列表总价格
    selectedListTotalPrice (state, getters) {
      return getters.selectedList.reduce((total, item) => total + item.count * item.nowPrice, 0).toFixed(2)
    },
    // 计算全选：是否全部选中
    isAllEffectSelected (state, getters) {
      return getters.effectiveList.every(item => item.selected) && getters.effectiveList.length !== 0
    },
    // 计算有效商品列表 isEffective = true  filter
    effectiveList (state) {
      return state.list.filter(item => item.stock > 0 && item.isEffective)
    },
    // 有效商品总数量 把effctiveList中的每一项的count叠加起来
    effectiveTotal (state, getters) {
      // let total = 0
      // getters.effectiveList.forEach(item => {
      //   total += item.count
      // })
      // return total
      // 使用 reduce 快速实现
      return getters.effectiveList.reduce((total, item) => { return total + item.count }, 0)
    },
    // 总金额  = 所有单项的钱数累加  单项的钱数 = 数量 * 单价
    // .toFixed(2)  处理小数计算精度问题
    effectiveTotalPrice (state, getters) {
      return getters.effectiveList.reduce((total, item) => { return total + item.count * item.nowPrice }, 0).toFixed(2)
    }
  }
}
